<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,maximum-scale=1.0,initial-scale=1.0,minimum-scale=1.0,user-scalable=0,shrink-to-fit=no">
		<link rel="stylesheet" href="./images262/common.css">
		<link rel="stylesheet" href="./images262/activity.css">
		<link rel="stylesheet" href="./images262/swiper-bundle.min.css">
		<title>品类宝座</title>
		<link href="https://www.cnpowder.com.cn/favicon.ico" type="image/x-icon" rel="shortcut icon">
		<script src="./images262/jquery-1.12.4.min.js"></script>
		<script src="images262/swiper-bundle.min.js"></script>
		<script src="images262/tab.js"></script>
	</head>
	<body>
		<div class="activity_plbz">
			<img class="activity_topbw_top" src="images262/baozuobanner.png"/>
			<div class="activity_plbz_title">高大独享</div>
			<div class="activity_plbz_gddx swiper">
				<div class="swiper-wrapper">
					<div class="swiper-slide">
						<div class="box">
							<img class="gddxImg" src="https://www.cnpowder.com.cn/service/imagetopthrone/gao.png"/>
							<div class="title">操作便捷 高效曝光</div>
							<div class="text">一键绑定商机，无需重复操作，</div>
							<div class="text">客户精准锁定企业，坐等效果</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="box">
							<img class="gddxImg" src="https://www.cnpowder.com.cn/service/imagetopthrone/da.png"/>
							<div class="title">位置突出 访客大增</div>
							<div class="text">醒目标识，彰显实力，</div>
							<div class="text">流量专享，竞争同行优越位置</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="box">
							<img class="gddxImg" src="https://www.cnpowder.com.cn/service/imagetopthrone/xiang.png"/>
							<div class="title">唯一点击 位置专享</div>
							<div class="text">第一选择，专属标识，</div>
							<div class="text">引导客户，优先查阅企业产品</div>
						</div>
					</div>
					<div class="swiper-slide">
						<div class="box">
							<img class="gddxImg" src="https://www.cnpowder.com.cn/service/imagetopthrone/du.png"/>
							<div class="title">独一无二 抢占先机</div>
							<div class="text">抢占先机，全频道首页显示，</div>
							<div class="text">站在品类的最高端</div>
						</div>
					</div>
				</div>
			</div>
			<div class="activity_plbz_title">抢占核心位置获取绿色流量</div>
			<div class="activity_plbz_zhanshi">
				<div class="zhanshiImg">
					<img class="img" src="https://www.cnpowder.com.cn/service/imagetopthrone/top_03.png"/>
					<img class="gimg" src="https://www.cnpowder.com.cn/service/imagetopthrone/top.png"/>
				</div>
				<div class="button dinggou">我要加入</div>
			</div>
			<div class="activity_plbz_title">入职流程</div>
			<div class="activity_plbz_liucheng">
				<div class="list">
					<div class="sum">1</div>
					<div class="text">粉享通用户确认</div>
				</div>
				<div class="list">
					<div class="sum">2</div>
					<div class="text">购买标王服务</div>
				</div>
				<div class="list">
					<div class="sum">3</div>
					<div class="text">开通服务</div>
				</div>
				<div class="list">
					<div class="sum">4</div>
					<div class="text">绑定核心产品</div>
				</div>
				<div class="list">
					<div class="sum">5</div>
					<div class="text">线上展示</div>
				</div>
			</div>
			<img class="activity_plbz_bottom" src="./images262/bzbottom.png"/>
		</div>
		<!-- 弹框 -->
		<div class="alertBox" id="sfw">
			<div class="bj noline"></div>
			<div class="box">
				<div class="boxTitle">提交订购信息</div>
				<form id="Plw_single" action="" method="post" onsubmit="return false;">
					<div class="list">
						<div class="title"><font color="#ff0000">*</font>会员类型:</div>
						<div class="input">
							<select name="type" id="type">
								<option value="">请选择</option>
								<option value="1">品类宝座</option>
								<option value="2">TOP</option>
								<option value="3">品牌广告</option>
							</select>
						</div>
					</div>
					<div class="list">
						<div class="title"><font color="#ff0000">*</font>姓名:</div>
						<div class="input">
							<input name="name" id="name" type="text">
						</div>
					</div>
					<div class="list">
						<div class="title"><font color="#ff0000">*</font>电话:</div>
						<div class="input">
							<input name="tel" id="tel" type="text">
						</div>
					</div>
					<div class="list">
						<div class="title"><font color="#ff0000">*</font>单位:</div>
						<div class="input">
							<input name="gsName" id="gsName" type="text">
						</div>
					</div>
					<div class="list">
						<div class="title">Email：</div>
						<div class="input">
							<input name="Email" id="Email" type="text">
						</div>
					</div>
					<div class="list">
						<div class="title"><font color="#ff0000">*</font>详细内容:</div>
						<div class="input">
							<textarea id="Content" name="Content" rows="3" class="popwin_text"></textarea>
						</div>
					</div>
					<div class="list">
						<div class="title"><font color="#ff0000">*</font>验证码：</div>
						<div class="input">
							<input class="validdate" name="validdate" id="validdate" type="text">
							<img src="https://www.cnpowder.com.cn/img/pub/verifycode2.php?m=1"/>
						</div>
					</div>
					<div class="text">
						（请留下您的联系方式，以便工作人员及时与您联系！）
					</div>
					<div class="buttonBox">
						<div class="hied noline">取消</div>
						<input type="button" value="提交"/>
					</div>
				</form>
			</div>
		</div>
	</body>
	<script src="images262/public.js" type="text/javascript"></script>
	<script>
		new Swiper(".activity_plbz_gddx", {
			loop: true,
			initialSlide: 0,
			spaceBetween: 0,
			centeredSlides: true,
			slidesPerView: 2,
		});
		$(".noline").click(function(){
			$("#sfw").css({"display":"none"});
		});
		$(".dinggou").click(function(){
			$("#sfw").css({"display":"flex","display":"-webkit-box","display":"-ms-flexbox","display":"-webkit-flex"});
		});
	</script>
</html>